@charset "utf-8";


@function vw($a){
    @return ( $a / 640 ) * 100vw;
}

body{
    width: 100%;
    height: 100%;
    background: url(../img/sinomax-new.jpg) no-repeat;
    background-size:100% ;
    position: relative;
    
}

.ruleshow{
    position: absolute;
    top: vw(0);
    left: vw(0);
    width: vw(640);
    height: vw(2000);
    z-index: 100;
    background: rgba(0,0,0,1);
    display: none;
    .close{
        font-size: vw(60);
        color: #fff;
        position: absolute;
        top: vw(50);
        right: vw(90);
    }
    img{
        padding: vw(42.5);
        width: vw(555);
        height: vw(1901);
    }
}

.title{
    width: vw(260);
    height: vw(25);
    margin: 0 auto;
    padding-top: vw(75);
    padding-bottom: vw(65);
    img{
        width: 100%;
        height: 100%;
    }
}

.blue{
    width: vw(588);
    height: vw(166);
    margin: 0 auto;
    background: #042e77;
    h5{
        font-size: vw(16);
        letter-spacing: vw(10);
        color: #cbc192;
        font-weight: 300;
        line-height: vw(55);
        text-align: center;
    }
    .blue-fly{
        width: vw(260);
        height: vw(70);
        margin-left: vw(33);
            img{
            width: 100%;
            height: 100%;
        }
    }
    .blue-luck{
        width: vw(260);
        height: vw(70);
        margin-right: vw(33);
        img{
            width: 100%;
            height: 100%;
        }
    }
}

.picture{
    position: relative;
    margin-top: vw(-35);
    .picture-bear{
        width: vw(380);
        height: vw(470);
        margin: 0 auto;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .picture-fly{
        width: vw(154);
        height: vw(128);
        position: absolute;
        bottom: vw(88);
        left: vw(55);
        img{
            width: 100%;
            height: 100%;
        }
    }
}

.zi{
    margin: 0 auto;
    margin-top: vw(20);
    p{
        font-size: vw(24);
        color: white;
        text-align: center;
        font-weight: 200;
    }
    h6{
        font-size: vw(30);
        color: white;
        text-align: center;
        font-weight: 200;
    }
}

.btn{
    margin-top: vw(45);
    .rule{
        width: vw(227);
        height: vw(65);
        box-sizing: border-box;
        background: transparent;
        border: vw(2) solid #f4e398;;
        text-align: center;
        margin-left: vw(85);
        line-height: vw(65);
        font-size: vw(34);
        color: #f4e398;
    }
    .join{
        width: vw(227);
        height: vw(65);
        box-sizing: border-box;
        background: #F4E398;
        text-align: center;
        margin-right: vw(85);
        line-height: vw(65);
        color: #a20500;
        font-size: vw(34);
    }
}
